/*******************************************************************************
 * Copyright (c) 2010, 2015 EclipseSource and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    EclipseSource - initial API and implementation
 ******************************************************************************/

/* Table default theme */

Table {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  background-image: none;
  color: #4a4a4a;
  border: none;
}

Table[BORDER] {
  border: 1px solid #bdbdbd;
}

TableItem {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  text-shadow: none;
  background-image: none;
  text-overflow: ellipsis;
}

TableItem:hover {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  text-shadow: none;
  background-image: none;
  text-overflow: ellipsis;
}

TableItem:selected {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  text-shadow: none;
  background-image: none;
  text-overflow: ellipsis;
}

TableItem:linesvisible:even {
  background-color: #f5f5f5;
  color: inherit;
  text-overflow: ellipsis;
}

TableItem:linesvisible:even:rowtemplate {
  color: transparent;
  text-overflow: ellipsis;
}

Table-RowOverlay:hover {
  color: inherit;
  background-color: rgba( 181, 181, 181, 0.2 );
  background-image: none;
}

Table-RowOverlay:selected {
  color: inherit;
  background-color: rgba(20, 110, 190, 0.25);
  background-image: none;
}

Table-RowOverlay:selected:unfocused {
  background-color: rgba( 98, 130, 171, 0.2 );
  background-image: none;
  color: inherit;
}

TableColumn {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  background-color: #f0f0f0;
  padding: 8px 3px 8px 3px;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #e4e4e4 )
  );
  color: inherit;
  border-bottom: 1px solid #bdbdbd;
  text-shadow: 0 1px 0 #ffffff;
  text-overflow: ellipsis;
}

TableColumn:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #e4e4e4 ),
    to( #f9f9f9 )
  );
  text-overflow: ellipsis;
}

TableColumn-SortIndicator {
  background-image: none;
}

TableColumn-SortIndicator:up {
  background-image: url( resource/widget/rap/column/sort-indicator-up.png );
}

TableColumn-SortIndicator:down {
  background-image: url( resource/widget/rap/column/sort-indicator-down.png );
}

Table-Cell {
  spacing: 3px;
  padding: 5px 3px 5px 3px;
}

Table-GridLine {
  color: transparent;
}

Table-GridLine:header {
  color: #dedede;
}

Table-GridLine:vertical {
  color: #dedede;
}

Table-GridLine:horizontal {
  color: transparent;
}

Table-GridLine:vertical:rowtemplate {
  color: transparent;
}

Table-GridLine:horizontal:rowtemplate {
  color: #dedede;
}

Table-Checkbox {
  /*
  For backward compatibility we have to keep the width property.
  Deprecated, use "margin" instead.
  */
  width: 21px;
  margin: 0 0 0 4px;
  background-image: url( resource/widget/rap/button/check-unselected.png );
}

Table-Checkbox:hover {
  background-image: url( resource/widget/rap/button/check-unselected-hover.png );
}

Table-Checkbox:checked {
  background-image: url( resource/widget/rap/button/check-selected.png );
}

Table-Checkbox:checked:hover {
  background-image: url( resource/widget/rap/button/check-selected-hover.png );
}

Table-Checkbox:checked:grayed {
  background-image: url( resource/widget/rap/button/check-grayed.png );
}

Table-Checkbox:checked:grayed:hover {
  background-image: url( resource/widget/rap/button/check-grayed-hover.png );
}
